*{
    margin: 0;
    padding: 0;
}
html{
    height:100%;
}
body{
    height:100%;
    display: flex;
    flex-direction: column;
}
/* header */
header{
    height: 1.12rem;
    background-color: #ff841d;
}
header>a{
    float: left;
    font-size: .533333rem;
    color: #fff;
    /* line-height: 1.12rem; */
    margin-left: .533333rem;
    text-decoration: none;
    margin-top: .266667rem;
}
header>p{
    float: left;
    font-size: .48rem;
    margin-left: 2.053333rem;
    color: #fff;
    margin-top: .266667rem;
}
header>img{
    float: left;
    height: .64rem;
    margin-left: 1.786667rem;
    margin-top: .266667rem; 
}
/* section */
section{
    flex: 1;
    overflow: auto;
}
section>a{
    width: 100%;
    text-decoration: none;
    display: block;
    overflow: hidden;
    /* height: 2.666667rem; */
}
section>a>img{
    float: left;
    width: 2.666667rem;
    margin-top: .133333rem;
    margin-bottom:0;
}
section>a>div{
    float: left;
    margin-top: .346667rem;
    margin-bottom: .346667rem;
    margin-left: .48rem;
    height: 2.666667rem;
    width: 6.453333rem;
}
section>a>div>p{
    margin-bottom: .533333rem;
}
section>a>div>p:nth-of-type(1){
    font-size: .373333rem;
    color: #000;
    /* margin-top: .213333rem; */
}
section>a>div>p:nth-of-type(1)>span{
    color: #ff9900;
}
section>a>div>p:nth-of-type(2){
    font-size: .32rem;
    color: #a1a1a1;
}
section>a>div>p:nth-of-type(2)>span{
    margin-left: 1.0rem;
    font-size: .266667rem;
}

/* footer */
#footer-up{
    height: .906667rem;
    /* background-color: orange; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: .666667rem;
}
#footer-up>button{
    height: .933333rem;
    width: 2.24rem;
}
#footer-up>select{
    width: 2.4rem;
    height: .933333rem;
    text-align: center;
    font-size: .32rem;
}
#footer-up>p:nth-of-type(1){
    float: left;
    font-size: .426667rem;
    color: #fff;
    margin-top: .133333rem;
    margin-left: .133333rem;
}
#footer-up>p:nth-of-type(2) a{
    margin: .16rem;
    font-size: .266667rem;
    color: #fff;
    text-decoration:none
}
#footer-up>p:nth-of-type(2){
    border-radius: 50%;
    float: right;
    border: .026667rem solid #fff;
    margin-top: .133333rem;
    margin-right: .133333rem;
}
#footer-bottom{
    height: 2.506667rem;
    background-color: #efefef;
    
}
#footer-bottom #btn{
    /* padding-top: .666667rem; */
    /* padding-bottom: 1.6rem;  */
    display:  flex;
    flex-direction: row;
   height: .853333rem; 
}
#footer-bottom button{
    border: 1px solid #c4c4c4;
    display: block;
    flex: 1;
    /* float: left; */
}
#footer-bottom p{
 text-align: center;
}
#footer-bottom p:nth-of-type(1) {
    margin-top: .48rem;
   }
#footer-bottom p:nth-of-type(1) a{
 color: red;
 text-decoration: none;
}